<template>
  <div class="faqs padding-25-50">
    <h2>Frequently Asked Questions</h2>
    <div class="two-col-grid gap50">
      <div>
        <h3>
          1. You say the conference will be a hybrid of in-person and virtual.
          Do you have more detail?
        </h3>
        <p>
          We’ll be working out the details in the coming months. At this
          point, things are trending to a return to an in-person conference.
          The Colorado Convention Center is already hosting in-person events
          and with the improved availability of COVID vaccines in the U.S.
          that seems likely to improve. We do expect to make adjustments for
          the pandemic so our in-person format will be adjusted according to
          safety guidelines by the CDC and Colorado Department of Health.
        </p>
        <p>
          As we have now run two conferences virtually, we plan to integrate
          successful aspects of both conferences in this year’s RubyConf. We
          expect to have many of our community members not traveling to
          Colorado and want to provide as best a virtual experience as we can
          alongside an in-person event.
        </p>
      </div>
      <div>
        <h3>2. When will the CFP open?</h3>
        <p>We plan to open it in June.</p>

        <h3>3. When will registration open?</h3>
        <p>
          We’re still working out some important elements of the program and
          conference format but we hope to have registration open no later
          than June.
        </p>

        <h3>4. How do I get more information about sponsoring?</h3>
        <p>
          Please reach out to us at
          <a href="mailto:sponsors@rubycentral.org"
            >sponsors@rubycentral.org</a
          >
          for more information. We look forward to working with you!
        </p>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Faqs',
  props: {},
  setup() {
    //
  },
});
</script>
<style lang="less">
.faqs {
  padding: 25px 50px;
  h2 {
    margin-top: 25px;
    padding-top: 80px;
  }
  h2 {
    background: url(~@/assets/images/faq-icon.svg) center 0 no-repeat;
  }
  h3 {
    color: #ea652c;
    margin-bottom: 5px;
  }
}
</style>
